<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <p>今天是我们上的第二节课</p>
    <h1>这是h1的内容</h1>
    <h2>这是h2的内容</h2>
    <h3>这是h3的内容</h3>
    <h4>这是h4的内容</h4>
    <h5>这是h5的内容</h5>
    <h6>这是h6的内容</h6>
    <p>
        <b>加粗</b>&lt;strong &gt; &lt;b &gt; <em> &lt;em &gt; </em>
    <u>&lt; u &gt; </u>  </br>  文字 <span>&lt; b &gt;</span>
    <strike>删除线</strike> &lt; strike &gt; <center>居中</center>
   <sup> 上标签</sup> <sub>下标签</sub> <small>小字体</small>
    </p>
    <ol>
        <li>Q</li>
        <li>W</li>
        <li>E</li>
        <li>R</li>
    </ol>
    <ul>
        <li>a</li>
        <li>s</li>
        <li>d</li>
        <li>f</li>
    </ul>
    <h1>绝对地址</h1>
    <h2>访问物理途径图片</h2>
    <p>
        <img src="/E:/培训/img/1.jpg"alt="这是第一个壁纸"width="100px">
    </p>
    <p>
    <h2>访问虚拟途径图片</h2>
        <img src="/img/2.jpg"alt="这是第二个壁纸"width="100px">
    </p>
    <h1>相对地址</h1>
    <h2>访问物理途径图片</h2>
    <p>
        <img src="./img/1.jpg"alt="这是第一个壁纸"width="100px">
        <img src="../img/3.jpg"alt="这是第三个壁纸"width="100px">
    </p>
    <h2>访问虚拟途径图片</h2>
    <p>
        <img src="./img/1.jpg"alt="这是第一个壁纸"width="100px">
        <img src="../img/3.jpg"alt="这是第三个壁纸"width="100px">
    </p>
    <h3>带协议的图片</h3>
    <p>
        <img src="file:///E:/培训/img/1.jpg" alt="1"width="100px">
        <img src="http://localhost:5500/img/1.jpg" alt="2"width="100px">
    </p>
    <table border="1" width="100%">
        <thead>
            <tr>
                <th>绝对路径</th>
                <th>实际对应物理路径</th>
                <th>相对路径</th>
                <th>实际对应物理路径</th>
            </tr>
        </thead>
        <tfoot>
            <tr>
            <td>1,f</td>
            <td>2,f</td>
            <td>3,f</td>
            <td>4,f</td>
            </tr>
            </tfoot>
        <tbody>
            <tr>
                <td><img src="/img/2.jpg"alt="这是第二个壁纸"width="100px"></td>
                <td>E:/培训/img/1.jpg</td> 
                <td></td><img src="./img/1.jpg"alt="这是第一个壁纸"width="100px"></td>
                <td>E:/培训/img/1.jpg</td> 
            </tr>
    </table>
</body>
</html>